{% extends 'base.html' %}
{% block content %}
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">服务器资产信息</li>
    <li>数据库中间件</li>
    <li>IT台账信息</li>
    <li><button class="layui-btn layui-btn-sm layui-btn-fluid" onclick="xadmin.open('添加资产','{{ url_for('addit') }}',600,400)"><i class="layui-icon"></i>资产录入</button></li>
  </ul>
  <div class="layui-tab-content" style="height: 100px;">
    <div class="layui-tab-item layui-show">
<div class="row">
    <div class="col-md-6 col-sm-4 col-xs-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5>服务器信息</h5>
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="layui-table table table-striped table-bordered table-hover" lay-size="sm">
                        <thead>
                        <tr>
                            <th>id</th>
                            <th>主机名</th>
                            <th>IP地址</th>
                            <th>类型</th>
                            <th>所在区域</th>
                            <th>资源配置</th>
                            <th>操作</th>
{#                            {% for i in labels %}#}
{#                                <td>{{ i }}</td>#}
{#                            {% endfor %}#}
                        </tr>
                        </thead>
                        <tbody>
                        {% for i in content %}
                            <tr>
                                {% for j in i %}
                                    <td>{{ j }}</td>
                                {% endfor %}
                            <td><a href="{{ url_for('delservers',id=i[0]) }}" style="color: #1E9FFF">删除</a></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</div>
    </div>
    <div class="layui-tab-item">
<div class="row">
    <div class="col-md-6 col-sm-4 col-xs-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5>组件服务信息</h5>
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="layui-table table table-striped table-bordered table-hover" lay-size="sm">
                        <thead>
                        <tr>
                            <th>id</th>
                            <th>环境</th>
                            <th>实例</th>
                            <th>数量</th>
                            <th>状态</th>
                            <th>负责人</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for i2 in content2 %}
                            <tr>
                                {% for j2 in i2 %}
                                    <td>{{ j2 }}</td>
                                {% endfor %}
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>

</div>
    </div>
    <div class="layui-tab-item">
<div class="row">
    <div class="col-md-6 col-sm-4 col-xs-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5>台账信息</h5>
            </div>
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="layui-table table table-striped table-bordered table-hover" lay-size="sm">
                        <thead>
                        <tr>
                            <th>实例id</th>
                            <th>环境</th>
                            <th>用户名</th>
                            <th>密码</th>
                            <th>过期时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for i3 in content3 %}
                            <tr>
                                {% for j3 in i3 %}
                                    <td>{{ j3 }}</td>
                                {% endfor %}
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    </div>

</div>
    </div>
  </div>
{% endblock %}

{% block js %}

<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
{% endblock %}



